// 任务一：JSX语法
// 1. 创建一个简单的React组件，使用JSX语法来渲染一个标题和一个段落。
// 2. 在标题和段落中使用样式（内联样式或外部样式表）。
// 3. 使用条件渲染（例如， {condition ? 'True part' : 'False part'} ）在段落中显示不同的内容。
const bgc = {
    backgroundColor : 'pink'
}
export default function App(){
    return (
        <>
            <h1>任务一分界线</h1>
            <h1 style={{color : 'red'}}>你好</h1>
            <p style={bgc}>你好，孟凡宇</p>
            <div>{20>10 ? 'TRUE' : 'false'}</div>
            <div>{20<10 ? 'TRUE' : 'false'}</div>
        </>
    )
}